
.firstContent{
  width: 100%;
  height: 350px;
  background-color: #fff;
  .firstTitle{
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #F5F5F5;
    line-height: 40px;

    .title{
      font-size:16px;
      font-family:MicrosoftYaHei;
      font-weight:400;
      color:rgba(50,56,66,1);
      padding-left: 20px;
      float: left;
    }
    .rightTitle{
      float: right;
    }
  }
  .listData{
    width: 99%;
    height: 271px;
    border: 1px solid #E5E6E7;
    margin-left: 8px;
    background-color: #fff;
    .listTitle{
      width: 99%;
      height: 30px;
      background-color: #F0F2F7;
      .titleLeft{
        width: 23%;
        height: 30px;
        line-height: 30px;
        border-right: 1px solid #fff;
        float: left;
        text-align: left;
        padding-left: 10px;
        color: #666;
      }
      .titleduty{
        width: 5%;
        height: 30px;
        line-height: 30px;
        border-right: 1px solid #fff;
        float: left;
        text-align: center;
        color: #666;
      }
      .titletime{
        width: 3%;
        height: 30px;
        line-height: 30px;
        border-right: 1px solid #fff;
        float: left;
        text-align: center;
        color: #666;
      }
    }

    .listContent{
      width: 100%;
      height: 247px;
      overflow: auto;
      .firstList{
        width: 99%;
        height: 40px;
        border-top: 1px solid #Fff;
        .listTitle{
          width: 100%;
          height: 40px;
          background-color: #fff;
          .titleLeft{
            width: 23%;
            height: 40px;
            line-height: 35px;
            border-right: 1px solid #F0F2F7;
            float: left;
            text-align: left;
            padding-left: 10px;
            color: #666;
            border-bottom: 1px solid #fff;
          }
          .titleduty{
            width: 5%;
            height: 40px;
            line-height: 35px;
            border-right: 1px solid #F0F2F7;
            float: left;
            text-align: center;
            color: #666;
          }
          .titleduty1{
            width: 5%;
            height: 40px;
            line-height: 35px;
            border-right: 1px solid #F0F2F7;
            float: left;
            text-align: center;
            color: #666;
            background-color: #555555;
          }
          .titletime{
            width: 3%;
            height: 40px;
            border-right: 1px solid #F0F2F7;
            float: left;
            border-bottom: 1px solid #fff;
          }
        }
      }
      .secondList{
        width: 99%;
        height: 40px;
        border-top: 1px solid #Fff;
        .listTitle{
          width: 100%;
          height: 40px;
          background-color: #F0F2F7;
          .titleLeft{
            width: 23%;
            height: 40px;
            line-height: 35px;
            border-right: 1px solid #fff;
            float: left;
            text-align: left;
            padding-left: 10px;
            color: #666;
            border-bottom: 1px solid #fff;
          }
          .titleduty{
            width: 5%;
            height: 40px;
            line-height: 35px;
            border-right: 1px solid #fff;
            float: left;
            text-align: center;
            color: #666;
          }
          .titletime{
            width: 3%;
            height: 40px;
            border-right: 1px solid #fff;
            float: left;
            border-bottom: 1px solid #fff;
          }
        }
      }
    }
  }
}
.secondContent{
  margin-top: 20px;
  width: 100%;
  height: 250px;
  background-color: #F5F5F5;
  .secondLeft{
    width: 49.5%;
    height: 250px;
    background-color: #fff;
    float: left;
    .secondTitle{
      width: 100%;
      height: 40px;
      border-bottom: 1px solid #F5F5F5;
      span{
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(50,56,66,1);
        padding-left: 20px;
        line-height: 35px;
      }
    }
    .secondEcharts{
      width: 100%;
      height: 230px;
    }
  }
  .secondRight{
    width: 49.5%;
    height: 250px;
    background-color: #fff;
    float: right;
    .secondTitle{
      width: 100%;
      height: 40px;
      border-bottom: 1px solid #F5F5F5;
      .leftTitle{
        font-size:16px;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(50,56,66,1);
        padding-left: 20px;
        line-height: 35px;
        float: left;
      }
      .rightBtn{
        width: 100px;
        height: 30px;
        border: 1px solid #39B9C6;
        border-radius: 3px;
        float: right;
        margin-top: 5px;
        margin-right: 20px;
        .year{
          width: 49px;
          height: 28px;
          line-height: 28px;
          background-color: #06777C;
          float: left;
          padding-left: 10px;
          color: #fff;
          cursor: pointer;
        }
        .month{
          width: 49px;
          height: 28px;
          line-height: 28px;
          background-color: #39B9C6;
          float: right;
          padding-left: 10px;
          color: #fff;
          cursor: pointer;
        }
      }
    }

    .leftEcharts{
      width: 50%;
      height: 200px;
      border-right: 1px solid #D7DEE0;
      margin-top: 5px;
      float: left;
    }
    .rightEcharts{
      width: 50%;
      height: 200px;
      margin-top: 5px;
      float: left;
    }
  }
}
.secondTitle{
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #F5F5F5;
  span{
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(50,56,66,1);
    padding-left: 20px;
    line-height: 35px;
  }
}
.thirdContent{
  margin-top: 20px;
  width: 100%;
  height: 250px;
  background-color: #F5F5F5;
  .thirdLeft{
    width: 49.5%;
    height: 250px;
    background-color: #fff;
    float: left;

    .secondEcharts{
      width: 100%;
      height: 230px;
    }
  }
  .thirdRight{
    width: 49.5%;
    height: 250px;
    background-color: #fff;
    float: right;

  }
  .leftTitle{
    font-size:16px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(50,56,66,1);
    padding-left: 20px;
    line-height: 35px;
    float: left;
  }
  .rightBtn{
    width: 100px;
    height: 30px;
    border: 1px solid #39B9C6;
    border-radius: 3px;
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    .year{
      width: 49px;
      height: 28px;
      line-height: 28px;
      //background-color: #06777C;
      float: left;
      padding-left: 10px;
      color: #fff;
      cursor: pointer;
    }
    .month{
      width: 49px;
      height: 28px;
      line-height: 28px;
      background-color: #39B9C6;
      float: right;
      padding-left: 10px;
      color: #fff;
      cursor: pointer;
    }
  }
}
